<template>
	<view class="register">
		<view class="registerImg">
			<image src="../../static/img/login/registered.png"></image>
		</view>
		
		<view class="phone">
			<view class="phoneNumber">手机号</view>
			<input type="text" v-model="phone" placeholder="请输入手机号" @blur="verifyMobile" />
		</view>
		<view class="phone">
			<view class="phoneNumber">验证码</view>
			<view class="registerCode">
				<input type="text" v-model="code" placeholder="请输入验证码" @blur="codeBlur">
				<button @click="sendCode">{{codeMsg}}</button>
			</view>
		</view>
		<view class="phone">
			<view class="phoneNumber">密码</view>
			<input type="password" v-if="passShow" v-model="password" placeholder="不少于6位数字和字母组合" @blur="passwordBlur">
			<input type="type" v-else  v-model="password"  placeholder="不少于6位数字和字母组合" @blur="passwordBlur">
			<image src="../../static/img/login/login_5.png" v-if="passShow" @click="passShow = false"></image>
			<image src="../../static/img/login/login_6.png" v-else @click="passShow = true"></image>
		</view>
		
		<view class="registerButton" @click="register">注册</view>
		<view class="agreement" @click="remember = !remember">
			<checkbox-group>
				<label>
					<checkbox value="psw" :checked="remember" :class="remember == false ? '' : 'changeStyle'" color="#FFFFFF" style="transform:scale(0.7)" />
	                勾选同意和雅医策<text>《用户服务协议》</text><text>《隐私政策》</text>
				</label>
			</checkbox-group>
		</view>
		<u-modal v-model="showModal" :content="showContent"></u-modal>
	</view>
</template>

<script src="@/static/js/login/registe.js"></script>
<style lang="scss" scoped>
	@import '@/static/css/login/registe.scss';
</style>
